<template>
  <li>
    <div class="view">
      <input 
        type="checkbox" 
        class="toggle" 
        :checked="isDone"
        @change="changeInp(id)"
      />
      <label>{{name}} </label>
      <button 
        class="destroy"
        @click="delFn(id)"
      ></button>
    </div>
  </li>
</template>

<script>
export default {
  props:['id','isDone','name','delFn','changeInp'],

}
</script>

<style>

</style>